<!DOCTYPE HTML>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
	<link rel="stylesheet" href="css/index.css">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>BomberMan</title>
	
	<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/phonegap-websocket.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/barcodescanner.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/js.js"></script>
</head>

<body class="theme">
	<div id="controls" class="page" data-role="page" >
		<div class="header" data-role="header">
		</div><!-- /header -->
		
		<div id="content" data-role="content" style="width: 90%; left 5%;" onload="" >
			<img id="controls-bomb" src="images/bomb.png"
				style= "	-webkit-transform: rotate(90deg);
							position: relative;
							width: 66%;
							left: 16.5%;
							" />
							
			<img id="controls-cross" src="images/controls/default.png"
				style= "	-webkit-transform: rotate(90deg);
							position: relative;
							width: 90%;
							left: 5%;
							" />
			<div id="cross-up" style="
							position: absolute;
							"></div>
			<div id="cross-down" style="
							position: absolute;
							"></div>
			<div id="cross-left" style="
							position: absolute;
							"></div>
			<div id="cross-right" style="
							position: absolute;
							"></div>
		</div><!-- /content -->
		
		<div id="footer" data-content="footer">
		</div>
	</div><!-- /page -->
</body>
</html>
